<template>
  <div class="page">
    <h1>系统变量配置</h1>
    <p></p>
    <div class="list">
      <div class="row">
        <div class="row-name">配置项</div>
        <div class="row-value">配置值</div>
      </div>
      <div class="row">
        <div class="row-name">
          aaaa
        </div>
        <div class="row-value">
          <a-input v-model:value="value" placeholder="Basic usage" />
        </div>
      </div>
    </div>
  </div>
</template>
<script lang="ts">
  import {  } from 'vue';
  import { SettingsList,updateSettings } from '/@/api/system/system';

  export default {
    name: 'settings',
    components: { },
    mounted() {
      this.$nextTick( ()=> {
        // 仅在整个视图都被渲染之后才会运行的代码
        SettingsList().then(res=>{
          console.log('res',res)
        })
      })
    },
    setup() {

      return {  };
    },
  }
</script>
<style scoped>
  .page{
    padding: 28px;
    box-sizing: border-box;
  }
  .row{
    display: flex;
    align-items: center;
  }
  .row-name{
    width: 120px;
  }
  .row-value{
    flex: 1;
  }
</style>
